// 基于 axios 封装的请求模块
import axios from 'axios'
import router from '@/router'
import store from '@/store'
// 新建一个新的axios实例
const newAxios = axios.create({
  baseURL: 'http://123.57.109.30:8000'
})

// 添加请求拦截器
newAxios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 判断是否有token
  if (config.headers.Authorization === undefined && store.state.token.length > 0) {
    config.headers.Authorization = store.state.token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})
// 添加响应拦截器
newAxios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, function (error) {
  // 对响应错误做点什么
  if (error.response.status === 401) {
    // 清空本地缓存的token
    store.commit('setToken', '')
    router.replace({
      path: '/login'
    })
  }
  return Promise.reject(error)
})
// 导出自定义函数, 参数对象解构赋值
export default ({ url, method, params, data, headers }) => {
  return newAxios({
    url: url,
    method: method,
    data: data,
    params: params,
    headers: headers
  })

  // 以后换库, 只需要改这里, 逻辑页面不用动, 保证代码的复用性和独立性(高内聚低耦合)
  //   return $.ajax({
  //     url: url,
  //     type: method,
  //     data: data,
  //     header: headers
  //   })
}
